	<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
	<div id="liquid_level_chart" style="height:500px; width:1150px;"></div>
	<script type="text/javascript" src="/assets/echarts/echarts.js"></script>
	<script type="text/javascript">
		// 路径配置
		require.config({
			paths : {
				'echarts' : '/assets/echarts/echarts',
				'echarts/chart/pie' : '/assets/echarts/echarts'
			}
		});

		// 使用
		require([ 'echarts', 'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载
		], function(ec) {
			// 基于准备好的dom，初始化echarts图表
			var myChart = ec.init(document.getElementById('liquid_level_chart'));

			var labelTop = {
			    normal : {
			        label : {
			            show : true,
			            position : 'center',
			            formatter : '{b}',
			            textStyle: {
			                baseline : 'bottom'
			            }
			        },
			        labelLine : {
			            show : false
			        }
			    }
			};
			var labelFromatter = {
			    normal : {
			        label : {
			            formatter : function (params){
			                return 100 - params.value + '%'
			            },
			            textStyle: {
			                baseline : 'top'
			            }
			        }
			    },
			}
			var labelBottom = {
			    normal : {
			        color: '#ccc',
			        label : {
			            show : true,
			            position : 'center'
			        },
			        labelLine : {
			            show : false
			        }
			    },
			    emphasis: {
			        color: 'rgba(0,0,0,0)'
			    }
			};         
			                    
			option = {
			    title : {
			        text: '动液面曲线',
			        subtext: '来源：动液面在线监测系统'
			    },
			    tooltip : {
			        trigger: 'axis'
			    },
			    legend: {
			        data:['动液面']
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataZoom : {show: true},
			            magicType : {show: true, type: ['line', 'bar']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    dataZoom : {
			        show : true,
			        realtime: true,
			        start : 0,
			        end : 50
			    },
			    calculable : true,
			    xAxis : [
			        {
			            type : 'category',
			            boundaryGap : false,
			            data : [<#list welldataList as x>"${x.measure_ime!}",</#list>]
			            	/*
			            ['2016-09-26 05:51:05','2016-09-26 07:51:07','2016-09-26 09:51:07','2016-09-26 11:51:09','2016-09-26 13:51:10',
			            '2016-09-26 15:51:11','2016-09-26 17:52:23','2016-09-26 19:52:23','2016-09-26 21:51:05','2016-09-26 17:52:23',
			            '2016-09-27 05:51:05','2016-09-27 07:51:07','2016-09-27 09:51:07','2016-09-27 11:51:09','2016-09-27 13:51:10',
			            '2016-09-27 15:51:11','2016-09-27 17:52:23','2016-09-27 19:52:23','2016-09-27 21:51:05','2016-09-27 17:52:23',
			            '2016-09-28 05:51:05','2016-09-28 07:51:07','2016-09-28 09:51:07','2016-09-28 11:51:09','2016-09-28 13:51:10',
			            '2016-09-28 15:51:11','2016-09-28 17:52:23','2016-09-28 19:52:23','2016-09-28 21:51:05','2016-09-28 17:52:23']
			        */
			        }
			    ],
			    yAxis : [
			        {
			            type : 'value',
			            min: 940,
			            axisLabel : {
			                formatter: '{value} (m)'
			            }
			        }
			    ],
			    series : [
			        {
			            name:'动液面',
			            type:'line',
			            data:[<#list welldataList as x>${x.liquid_level!},</#list>],
			            markLine : {
			                data : [
			                    {type : 'average', name : '平均值'}
			                ]
			            }
			        }
			    ]
			};              

			// 为echarts对象加载数据 
			myChart.setOption(option);
			
		});
	</script>